<template>
  <div>
    <nav-header/>
    <div class="content">
      <a-tabs v-model:activeKey="activeKey" centered>
        <a-tab-pane key="1" tab="快递代拿">
          <take-delivery/>
        </a-tab-pane>
        <a-tab-pane key="2" tab="发单" force-render>
          <send-task></send-task>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>

<script>
import navHeader from "@/components/navHeader/navHeader";

import {ref} from "vue";
import takeDelivery from "@/components/task/takeDelivery";
import sendTask from "@/components/task/sendTask";
export default {
  name: "takeOrders",
  components: {
    navHeader, takeDelivery,sendTask
  },
  setup() {
    return {
      activeKey: ref('1'),
    };
  },
}
</script>

<style scoped>
.content {
  width: 1200px;
  margin: 0 auto;
  height: 100px;
}
</style>